(function (){  //只执行函数保护变量不污染全局
    function setHtmlFontSize() {
        const designWidth = 375; //设计稿的宽度
        let windowWidth = document.documentElement.clientWidth;  // 可视区的宽度
        //根字体大小 = 基本大小 * （窗口大小 / 设计稿大小）
        let fontSize = 100 * (windowWidth / designWidth);
        //设置 HTML 的字体大小
        // console.log()
        // console.log(document.documentElement)
        document.documentElement.style.fontSize = fontSize+'px'
    }
    setHtmlFontSize()
    //监听窗口宽度变化
    window.addEventListener(('onorientationchange' in window?'orientationchange':'resize'),setHtmlFontSize) 

    //移动端没有resize 事件 只有横屏和竖屏 的切换 可以通过 'onorientationchange' in window 来判断是否在移动端
})()